html,body{font-size: 14px;height: 100%;}
#query_bar{text-align: right;}
#query_bar input{width: 140px;}
#query_bar select{width:140px;display: initial;}
.long_field{max-width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
a{text-decoration:none;}
.btn{border-radius: 4px;}
.logo{border-radius: 50%;box-shadow: 0 0 5px #fff;}
.logo:hover{transform: rotate(720deg) scale(1.03);transition-duration: 1s; box-shadow: 0 0 10px #000;border-color: #00f;  }
#top,#bottom{
  width:100%;
  height: 50px;
  line-height: 50px;
  background-color: #f7f7f7;
  padding: 0;margin: 0;
  position: fixed;
  left:0;
  z-index: 20;
  opacity:1;
}
#top{top: 0;}
#bottom{bottom: 0;border-top: 1px solid #ccc;}
#bottom div{line-height: 24px;}

#mask{
  position: fixed;
  width:100%;top:0;height:100%;
  left:0;
  background-color:#000;opacity:0.5;
  z-index: 19;display: none;
}

layui-layer{
  border-radius: 4px;
  box-shadow: 0 0 3px #555;
}

.ellipsis {padding:0 4px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}